/********* 公共样式表 *********/
/*------------ 设置未知宽高子元素垂直水平居中 ------------*/
.w_h_flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
/*------------ 单行文本不换行 ------------*/
.oneTextnoWrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*------------ 设置多行文本溢出隐藏 ------------*/
.text_5_hidden {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.text_4_hidden {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.text_3_hidden {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.text_2_hidden {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/*------------ 背景色 ------------*/
.bg_color_rgb01 {
  background-color: rgba(0, 0, 0, 0.1);
}
.bg_color_rgb02 {
  background-color: rgba(0, 0, 0, 0.2);
}
.bg_color_rgb03 {
  background-color: rgba(0, 0, 0, 0.3);
}
.bg_color_rgb04 {
  background-color: rgba(0, 0, 0, 0.4);
}
.bg_color_rgb05 {
  background-color: rgba(0, 0, 0, 0.5);
}
.bg_color_rgb06 {
  background-color: rgba(0, 0, 0, 0.6);
}
.bg_color_rgb07 {
  background-color: rgba(0, 0, 0, 0.7);
}
.bg_color_rgb08 {
  background-color: rgba(0, 0, 0, 0.8);
}
.bg_color_rgbf1 {
  background-color: rgba(255, 255, 255, 0.1);
}
.bg_color_rgbf2 {
  background-color: rgba(255, 255, 255, 0.2);
}
.bg_color_rgbf3 {
  background-color: rgba(255, 255, 255, 0.3);
}
.bg_color_rgbf4 {
  background-color: rgba(255, 255, 255, 0.4);
}
.bg_color_rgbf5 {
  background-color: rgba(255, 255, 255, 0.5);
}
.bg_color_rgbf6 {
  background-color: rgba(255, 255, 255, 0.6);
}
.bg_color_rgbf7 {
  background-color: rgba(255, 255, 255, 0.7);
}
.bg_color_rgbf8 {
  background-color: rgba(255, 255, 255, 0.8);
}
.bg_color_cc {
  background-color: #ccc;
}
.bg_color_cf {
  background-color: #fff;
}
.bg_color_cf1 {
  background-color: #f1f1f1;
}
.bg_color_cf5 {
  background-color: #f5f5f5;
}
.bg_color_cf5f7fa {
  background-color: #f5f7fa;
}
/*------------ 元素点击动作 ------------*/
/*--- a标签样式 ---*/
a:active {
  position: relative;
  top: 1px;
}
/*--- 通用点击效果 ---*/
.click:active {
  position: relative;
  top: 1px;
}
/*------------ 边框样式 ------------*/
.border_1_c3 {
  border: 1px solid #333;
}
.border_2_c3 {
  border: 2px solid #333;
}
.border_t_1_c3 {
  border-top: 1px solid #333;
}
.border_r_1_c3 {
  border-right: 1px solid #333;
}
.border_b_1_c3 {
  border-bottom: 1px solid #333;
}
.border_l_1_c3 {
  border-left: 1px solid #333;
}
.border_1_c6 {
  border: 1px solid #666;
}
.border_2_c6 {
  border: 2px solid #666;
}
.border_t_1_c6 {
  border-top: 1px solid #666;
}
.border_r_1_c6 {
  border-right: 1px solid #666;
}
.border_b_1_c6 {
  border-bottom: 1px solid #666;
}
.border_l_1_c6 {
  border-left: 1px solid #666;
}
.border_1_c9 {
  border: 1px solid #999;
}
.border_2_c9 {
  border: 2px solid #999;
}
.border_t_1_c9 {
  border-top: 1px solid #999;
}
.border_r_1_c9 {
  border-right: 1px solid #999;
}
.border_b_1_c9 {
  border-bottom: 1px solid #999;
}
.border_l_1_c9 {
  border-left: 1px solid #999;
}
.border_1_c0 {
  border: 1px solid #000;
}
.border_2_c0 {
  border: 2px solid #000;
}
.border_t_1_c0 {
  border-top: 1px solid #000;
}
.border_r_1_c0 {
  border-right: 1px solid #000;
}
.border_b_1_c0 {
  border-bottom: 1px solid #000;
}
.border_l_1_c0 {
  border-left: 1px solid #000;
}
.border_1_cc {
  border: 1px solid #ccc;
}
.border_2_cc {
  border: 2px solid #ccc;
}
.border_t_1_cc {
  border-top: 1px solid #ccc;
}
.border_r_1_cc {
  border-right: 1px solid #ccc;
}
.border_b_1_cc {
  border-bottom: 1px solid #ccc;
}
.border_l_1_cc {
  border-left: 1px solid #ccc;
}
.border_1_cf {
  border: 1px solid #fff;
}
.border_2_cf {
  border: 2px solid #fff;
}
.border_t_1_cf {
  border-top: 1px solid #fff;
}
.border_r_1_cf {
  border-right: 1px solid #fff;
}
.border_b_1_cf {
  border-bottom: 1px solid #fff;
}
.border_l_1_cf {
  border-left: 1px solid #fff;
}
.border_1_ce9e9e9 {
  border: 1px solid #e9e9e9;
}
.border_2_ce9e9e9 {
  border: 2px solid #e9e9e9;
}
.border_t_1_ce9e9e9 {
  border-top: 1px solid #e9e9e9;
}
.border_r_1_ce9e9e9 {
  border-right: 1px solid #e9e9e9;
}
.border_b_1_ce9e9e9 {
  border-bottom: 1px solid #e9e9e9;
}
.border_l_1_ce9e9e9 {
  border-left: 1px solid #e9e9e9;
}
.border_1_cebeef5 {
  border: 1px solid #ebeef5;
}
.border_2_cebeef5 {
  border: 2px solid #ebeef5;
}
.border_t_1_cebeef5 {
  border-top: 1px solid #ebeef5;
}
.border_r_1_cebeef5 {
  border-right: 1px solid #ebeef5;
}
.border_b_1_cebeef5 {
  border-bottom: 1px solid #ebeef5;
}
.border_l_1_cebeef5 {
  border-left: 1px solid #ebeef5;
}
/*--- 边框弧度 ---*/
.borderR4 {
  border-radius: 4px;
}
.borderR6 {
  border-radius: 6px;
}
.borderP50 {
  border-radius: 50%;
}
.borderTlr6 {
  border-radius: 6px 6px 0 0;
}
.borderBlr6 {
  border-radius: 0 0 6px 6px;
}
.borderBl6 {
  border-radius: 6px 0 0 6px;
}
.borderBr6 {
  border-radius: 0 6px 6px 0;
}
/*------------ 元素阴影 ------------*/
.bs_4_c0 {
  box-shadow: 0 0 4px #000 !important;
}
.bs_4_c3 {
  box-shadow: 0 0 4px #333 !important;
}
.bs_4_c6 {
  box-shadow: 0 0 4px #666 !important;
}
.bs_4_c9 {
  box-shadow: 0 0 4px #999 !important;
}
.bs_4_cc {
  box-shadow: 0 0 4px #ccc !important;
}
.bs_4_ce9 {
  box-shadow: 0 0 4px #e9e9e9 !important;
}
.bs_5_c0 {
  box-shadow: 0 0 5px #000 !important;
}
.bs_5_c3 {
  box-shadow: 0 0 5px #333 !important;
}
.bs_5_c6 {
  box-shadow: 0 0 5px #666 !important;
}
.bs_5_c9 {
  box-shadow: 0 0 5px #999 !important;
}
.bs_5_cc {
  box-shadow: 0 0 5px #ccc !important;
}
.bs_5_ce9 {
  box-shadow: 0 0 5px #e9e9e9 !important;
}
.bs_10_c0 {
  box-shadow: 0 0 10px #000 !important;
}
.bs_10_c3 {
  box-shadow: 0 0 10px #333 !important;
}
.bs_10_c6 {
  box-shadow: 0 0 10px #666 !important;
}
.bs_10_c9 {
  box-shadow: 0 0 10px #999 !important;
}
.bs_10_cc {
  box-shadow: 0 0 10px #ccc !important;
}
.bs_10_ce9 {
  box-shadow: 0 0 10px #e9e9e9 !important;
}
.bs_20_c0 {
  box-shadow: 0 0 20px #000 !important;
}
.bs_20_c3 {
  box-shadow: 0 0 20px #333 !important;
}
.bs_20_c6 {
  box-shadow: 0 0 20px #666 !important;
}
.bs_20_c9 {
  box-shadow: 0 0 20px #999 !important;
}
.bs_20_cc {
  box-shadow: 0 0 20px #ccc !important;
}
.bs_20_ce9 {
  box-shadow: 0 0 20px #e9e9e9 !important;
}
/*------------ 滚动条样式 ------------*/
.scroll-bar::-webkit-scrollbar {
  width: 10px;
  height: 1px;
}
.scroll-bar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #535353;
}
.scroll-bar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #EDEDED;
}
